.article{
	.article-title{
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px solid #eee;
		h1{
		    line-height: 60px;
		    color: #393D49;
		    font-size: 1.75rem;
		}
	}
	.article-info{
		margin-bottom: 10px;
	}


	.typo {
	  font: 300 1rem/1.8 PingFang SC, Lantinghei SC, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	}
	.typo a {
	  border-bottom: 1px solid #1abc9c;
	}

	.typo a:hover {
	  border-bottom-color: #555;
	  color: #555;
	  text-decoration: none;
	}
	/* 保证块/段落之间的空白隔行 */
	.typo p, .typo pre, .typo ul, .typo ol, .typo dl, .typo form, .typo hr, .typo table,
	.typo-p, .typo-pre, .typo-ul, .typo-ol, .typo-dl, .typo-form, .typo-hr, .typo-table, blockquote {
	  margin-bottom: 1.2em
	}

	.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6 {
	  font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
	  font-weight: 100;
	  color: #333;
	  line-height: 1.35;
	}

	/* 标题应该更贴紧内容，并与其他块区分，margin 值要相应做优化 */
	.typo h1, .typo h2, .typo h3, .typo h4, .typo h5, .typo h6,
	.typo-h1, .typo-h2, .typo-h3, .typo-h4, .typo-h5, .typo-h6 {
	  margin-top: 1.2em;
	  margin-bottom: 0.6em;
	  line-height: 1.35;
	}

	/* 在文章中，应该还原 ul 和 ol 的样式 */
	.typo ul, .typo-ul {
	  margin-left: 1.3em;
	  list-style: disc;
	}

	.typo ol, .typo-ol {
	  list-style: decimal;
	  margin-left: 1.9em;
	}

	.typo li ul, .typo li ol, .typo-ul ul, .typo-ul ol, .typo-ol ul, .typo-ol ol {
	  margin-bottom: 0.8em;
	  margin-left: 2em;
	}

	.typo li ul, .typo-ul ul, .typo-ol ul {
	  list-style: circle;
	}

	/* 同 ul/ol，在文章中应用 table 基本格式 */
	.typo table th, .typo table td, .typo-table th, .typo-table td, .typo table caption {
	  border: 1px solid #ddd;
	  padding: 0.5em 1em;
	  color: #666;
	}

	.typo table th, .typo-table th {
	  background: #fbfbfb;
	}

	.typo table thead th, .typo-table thead th {
	  background: #f1f1f1;
	}

	.typo table caption {
	  border-bottom: none;
	}


	.typo-em, .typo em, legend, caption {
	  color: #333;
	  font-weight: inherit;
	}
	.typo img {
	  max-width: 100%;
	}



}


.pre-next {
	margin-top: 25px;
	&> div{
		padding: 8px 0;
		color: #666;
		&:hover{
			color: #333;
		}
	}
}

/*hot article*/
.hot-article-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin:17px 0px;
    &>a{
		  display: block;
		  margin-right: 17px;
		  font-size: .875rem;
		  line-height: 22px;
		}
		.hot-img{
				border-radius: 3px;
		    min-width: 68px!important;
		    height: 53px;
		    overflow: hidden;
		    position: relative;
		    display: flex;
		    justify-content: center;
		    align-items: center;
			img {
		    height: 100%;
		    position: absolute;
		    left: 50%;
		    transform: translateX(-50%);
		    transition: all .5s ease-out .1s;
			}
		}
		&:hover{
			img {
		    height: 120%;
			}
		}
}

.profile{
	max-width: 220px;
  min-width: 180px;
  transition: all .5s ease 0s;
  .profile-block{
	  position: sticky;
	  position: -webkit-sticky;
	  top: 0;
	}
	.profile_right{
	  margin-left:1%;
	  height: 100%;
	  overflow: hidden;
	}
	.profile_right_cnt{
	  width:100%;
	  height:auto;
	  background:url(../img/profile_menu_bg1.png) -23px 0 repeat-y;
	  float:left;
	}
	.profile_right_cnt p{
	  width:80%;
	  color:#333;
	  float:left;
	  font-weight:bold;
	  background:url(../img/profile_menu_bg.png) 0 -41px no-repeat;
	  padding-left:18px;
	  margin:6px 0;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.profile_right_cnt p.sec{background:0;position:relative;height:18px;margin:4px 0}
	.profile_right_cnt p.sec:hover{background:0}
	.profile_right_cnt a.sec{width:100%;color:#333;float:left;position:absolute;top:0;left:0;font-weight:normal;background:url(../img/profile_menu_bg.png) 0 -80px no-repeat;padding-left:30px;margin:2px 0}
	.profile_right_cnt a.sec:hover{color:#c00;cursor:pointer;background:url(../img/profile_menu_bg.png) 0 -61px no-repeat}
	.profile_right_cnt p a{color:#333}
	.profile_right_cnt p:hover{color:#03529e;cursor:pointer;background:url(../img/profile_menu_bg.png) 0 -22px no-repeat}
	.profile_right_cnt p:hover a{color:#c00}
	.profile_right_cnt div.profile_right_cnt_first{width:100%;float:left;font-weight:bold;background:url(../img/profile_menu_bg.png) 0 -6px no-repeat;padding-left:12px;height:12px;margin-bottom:10px}
	.profile_right_cnt div.profile_right_cnt_last{width:100%;float:left;font-weight:bold;background:url(../img/profile_menu_bg.png) 0 -6px no-repeat;padding-left:12px;height:12px;margin-top:10px}
	.profile_right_cnt ul{float:left;margin-bottom:10px;margin-top:10px}
	.profile_right_cnt ul li{float:left;padding-left:18px;width:100%;line-height:23px}
	.profile_right_cnt ul li a{color:#333}
	.profile_right_cnt ul li a:hover{color:#03529e}
	.profile_right_cnt .floatnav_a_cur{color:#03529e;cursor:pointer;background:url(../img/profile_menu_bg.png) 0 -22px no-repeat}
	.profile_right_cnt .floatnav_a_cur a{color:#03529e}
	.profile_right_cnt .floatnav_a_cur a.sec{color:#03529e;background:url(../img/profile_menu_bg.png) 0 -59px no-repeat}

}


/*评论*/
.comment{
	.comment-item{
		.comment-text{
			color: #333;
			line-height: 22px;
		}
		.comment-op{
			a{
				color: #666;
				margin-right:12px;
				&:hover{
					color: #333;
				}
			}
		}
		.reply{
			padding-left: 80px;
		}
	}
}